<div class="title">
  页面配置
</div>
<div class="label">
  网站标题：
</div>
<div class="item">
  <input class="text" nz-input placeholder="网站标题" (ngModelChange)="save()" [(ngModel)]="document.title" max="10" />
</div>

<div class="label">
  背景：
</div>
<div class="item">
  <div class="img">
    <label nz-radio (ngModelChange)="changeSelect(0)" [ngModel]="!background.select">背景图</label>
    <nz-upload class="avatar-uploader" [nzAction]="uploadUrl" [nzHeaders]="headers" nzName="cover"
      nzListType="picture-card" [nzShowUploadList]="false" [nzBeforeUpload]="beforeUpload"
      (nzChange)="handleChange($event)">
      <ng-container *ngIf="!background.backgroundImage">
        <i class="upload-icon" nz-icon [nzType]="loading ? 'loading' : 'plus'"></i>
        <div class="ant-upload-text">Upload</div>
      </ng-container>
      <img *ngIf="background.backgroundImage" [src]="background.backgroundImage" style="width: 100%" />
    </nz-upload>
  </div>
  <div class="color">
    <label nz-radio (ngModelChange)="changeSelect(1)" [ngModel]="background.select">背景色</label>
    <input class="picker" [(colorPicker)]="background.backgroundColor" [style.background]="background.backgroundColor"
      (colorPickerChange)="save()" />
    <input class="text" nz-input placeholder="颜色" (ngModelChange)="save()" [(ngModel)]="background.backgroundColor" />
  </div>
</div>